<template>
  <div>
    <!-- 在组件标签里填东西 -->
    <Appson>
      <!-- v-slot:default相当于匿名插槽 -->
       <!-- <template v-slot:default>
        <h1>我是头部里插入的内容</h1>
      </template> -->
      <template v-slot:header>
        <h1>我是头部里插入的内容</h1>
      </template>
      <template v-slot:content>
        <h2>我是要在身体里插入内容</h2>
      </template>
      <template v-slot:footer>
        <h3>我是要在footer里插入的内容</h3>
      </template>
      <template slot-scope="atguigu">
        <h1>{{atguigu.name1}}</h1>
        <h1>{{atguigu.msg}}</h1>
        <h1>{{atguigu.age}}</h1>
        <ul>
          <li v-for="(g, index) in atguigu.games" :key="index">{{ g }}</li>
        </ul>
      </template>
    </Appson>
  </div>
</template>

<script>
// 父组件默认情况下拿不到子组件的内容
import Appson from "./components/Appson.vue";
export default {
  components: { Appson },
};
</script>

<style>
</style>